
html, body {
    height:100%;
    width:100%;
    margin:0px;
    font: 15px "Microsoft YaHei", "微软雅黑", "宋体", helvetica,
    "Hiragino Sans GB";
}

#map {
    position: absolute;
    border-style: dashed;
    border-width: 1px;
    color: #000;
}
.gratLines {
    fill: none;
    stroke: #d3d3d3;
    stroke-width: 1px;
    z-index: 10;
}
.chart-cont{
    position: absolute;
    border-style: solid;
    border-width: 1px;
    color: #000;
}
#chart-cont-pie {
    font-size:12px;
    overflow-y:auto;
    visibility: hidden;
}
.chart{
    position: absolute;
    border-style: dashed;
    border-width: 1px;
    color: #c8c8c8;
}
.graph {
    position: absolute;
    border-style: dashed;
    border-width: 1px;
    color: #787878;
}
.yAxis {
    position: absolute;
    border-style: dashed;
    border-width: 1px;
    color: #f70000;
}
.xAxis {
    position: absolute;
    border-style: dashed;
    border-width: 1px;
    color: #f70000;
}
.selector-mode {
    position: absolute;
}
.selector-var {
    position: absolute;
}
#userDefLoc{
    position:absolute;
    z-index:4000;
}
/* #region-selector {
    left: 200px;
    top: 25px;
    width: 250px;
}
#sum-selector {
    left: 10px;
    top: 25px;
}
#change-selector {
    left: 10px;
    top: 25px;
}
#per100000-selector {
    left: 10px;
    top: 25px;
} */
.sub-header {
    margin-top:6px
}
.display-label {
    position: absolute;
    margin-left: 3px;
}
.display-selector {
    height:12px;
    width:12px;
    margin: 0;
}
.compare-mode {
    height:12px;
    width:12px;
    margin: 0;
}
.ranking-mode {
    height:12px;
    width:12px;
    margin: 0;
}
.selector-cont {
    margin-left: 5px;
    margin-top: 2.5px;
    font-size: 16px;
}
.selector-mode {
    font-size: 16px;
}
.selector-var {
    font-size: 16px;
}
#selector-var-title {
    font-size: 20px;
}
#selector-mode-title{
    font-size: 20px;
}

#user-options-panel {
    position: absolute;
    top:5px;
    font-size:16px;
    color:black
}

.rType{
    position:absolute;
}
#rTypeTitle {
    left: 50px
}
#rType1 {
    left: 170px;
}
#rType2 {
    left: 270px;
}
#rType3 {
    left: 370px;
}
.crc {
    position: absolute;
    text-align: center;
    top:20px;
    transform: translateX(-50%);
    margin-top:-8px;
    width:100px;
    font-size:13px;
}
.trendPll {
    z-index:100px
}

/* #crh1 {
    left: 10px;
}
#crh2 {
    left: 30px;
}
#crc1 {
    left: 50px;
}
#crc2 {
    left: 70px;
}
#crc3 {
    left: 90px;
}
#crc4 {
    left: 110px;
} */
/* .selector-cont {
    position: absolute;
    top:4px;
    left:4px;
    height: 12px;
    max-width: 150px;
    font-size:12px
}
.display-selector {
    position: absolute;
    margin: 0;
    top: 0.5px;
    height: 12px;
    width: 12px;
}
.display-label {
    position: absolute;
    left: 15px;
    width: 150px;
} */

/* #chart-cont-trend{
    width: 50%;
    height: 90%;
    left: 0.6%;
    top: 1%
}
#chart-cont-change{
    width: 10%;
    height: 90%;
    left: 51%;
    top: 1%
} */